<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j">

<h:head>
	<title>Przykład wykorzystania aplikacji opartej na WebServices</title>
</h:head>
<h:body>
	<h:form>
		<h:inputText value="#{clientBean.isbn}" />
		<h:commandButton action="#{clientBean.action}" value="test" />

		<rich:panel rendered="#{clientBean.rendered}">
			<h:panelGrid columns="1" style="width: 100%">
				<h:panelGroup>
					<h:panelGrid columns="2" style="width: 100%"
						columnClasses="firstBookPresentationColumn, secondBookPresentationColumn">
						<!--						<h:column>-->
						<!--							<a4j:outputPanel id="gallery"-->
						<!--								style="position: relative; z-index: 3;float: left;">-->
						<!---->
						<!--							</a4j:outputPanel>-->
						<!---->
						<!--							<rich:jQuery selector="#gallery img"-->
						<!--								query="addClass('pic-normal')" />-->
						<!--							<rich:jQuery selector="#gallery img"-->
						<!--								query="wrap('&lt;div class=\'wrap1\'&gt;&lt;/div&gt;')" />-->
						<!--							<rich:jQuery selector="#gallery img" event="mouseover"-->
						<!--								query="jQuery(this).stop().animate({width:'326px'})" />-->
						<!--							<rich:jQuery selector="#gallery img" event="mouseout"-->
						<!--								query="jQuery(this).stop().animate({width:'160px'})" />-->
						<!---->
						<!--						</h:column>-->
						<h:column>
							<h:outputText styleClass="titleClass"
								value="#{clientBean.book.title}"
								rendered="#{clientBean.rendered}" />
							<br />
							<h:outputText rendered="#{clientBean.rendered}" value="Cena:" />
							<h:outputText value="#{clientBean.book.price}"
								rendered="#{clientBean.rendered}">
								<f:convertNumber type="currency" pattern="  #0.00 zł" />
							</h:outputText>
							<br />
							<h:outputText rendered="#{clientBean.rendered}"
								value="Liczba stron:" />
							<h:outputText rendered="#{clientBean.rendered}"
								value="#{clientBean.book.pages}" />
							<br />
							<h:outputText rendered="#{clientBean.rendered}"
								value="Wydawnictwo:" />
							<h:outputText rendered="#{clientBean.rendered}"
								value="#{clientBean.book.publisher}" />
							<br />
							<h:outputText rendered="#{clientBean.rendered}"
								value="Rok wydania:" />
							<h:outputText rendered="#{clientBean.rendered}"
								value="#{clientBean.book.issueYear}" />
						</h:column>
					</h:panelGrid>
				</h:panelGroup>

				<h:panelGroup>
					<h:outputText value="#{clientBean.book.longDescription}"
						escape="false" rendered="#{clientBean.rendered}" />
				</h:panelGroup>

			</h:panelGrid>

		</rich:panel>
	</h:form>
</h:body>
</html>
